/*静态样式变量*/

/*背景*/
$bg-primary: #113969;
$bg-grey:#f7f7f7;
$bg-white:#ffffff;
/*文本*/
$text-primary: #132033;
$text-white:#ffffff;
$text-disabled:#eee;
/*边框*/
$border-eee:#eeeeee;
$deliver-color: #dddddd;
$deliver-active-color: #5ebc5c;
$link-color: #0f60c1;
/*按钮*/
$btn-disabled:#11396966;
/*标准字体 通过map-get($font-sizes,base)*/
$fontSizes: ( small: 12px, middle: 14px, large: 16px);

/*混合宏 用例*/

/*字体 建议使用标准字体 便于统一管理  */
@mixin font-size($size:14px) {
  font-size: $size;
}
/*超长文本缩略 @include ellipsis(1);*/
@mixin ellipsis($lines:1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*圆角边框  @include border-radius(10px);*/
@mixin border-radius($radius: 4px) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  border-radius: $radius;
}
/*盒阴影 @include box-shadow(0 0 10px rgba(0, 0, 0, 0.5));*/
@mixin box-shadow($shadow: 0 0 5px rgba(0, 0, 0, 0.3)) {
  -webkit-box-shadow: $shadow;
  -moz-box-shadow: $shadow;
  box-shadow: $shadow;
}
/*清除浮动  @include clearfix;*/
@mixin clearfix {
  &::after {
    content: '';
    display: table;
    clear: both;
  }
}
